<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav.php';?>
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner u-order">
                <div class="ui-brd-box1-">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">个人信息</span>
                    </div>
                </div>

                <div class="user-info-content">
                    <form class="js-form bl-form bl-formhor ajax-edit-on" method="post" action="" novalidate="novalidate">

                        <!--信息展示-->
                        <div class="ajax-info user-info">
                            <ul class="ajax-info-group ul-group">
                                <li class="bl-form-group item def-address" data-id="1">
                                    <div class="fn-hide fn-fr edit-btn">
                                        <a href="javascript:;" class="js-edit fn-btn btn-white">编辑</a>
                                    </div>

                                    <p>
                                        <span class="w-8em fn-tr fn-mt30">头像：</span>
                                        <span style="width: 80px;height: 80px;" data-name="HeadImg" data-value="../images/def-head.png">
                                            <img src="../images/def-head.png" alt="">
                                        </span>
                                    </p>
                                    <p>
                                        <span class="w-8em fn-tr">昵称：</span>
                                        <span class="txt" data-name="c">CharlesShen</span>
                                    </p>
                                    <p>
                                        <span class="w-8em fn-tr">真实姓名：</span>
                                        <span class="txt" data-name="Name">申长伟</span>
                                    </p>
                                    <p>
                                        <span class="w-8em fn-tr">性别：</span>
                                        <span class="txt" data-name="Sex">男</span>
                                    </p>
                                    <p>
                                        <span class="w-8em fn-tr">生日：</span>
                                        <span class="txt" data-name="Phone">1987-12-22</span>
                                    </p>
                                    <p>
                                        <span class="w-8em fn-tr">邮箱：</span>
                                        <span class="txt" data-name="Email">123465@orgtec.com</span>
                                    </p>

                                </li>
                            </ul>
                        </div>

                        <!--信息提交-->
                        <ul class="fn-hide ul-group ajax-form">
                            <li class="bl-form-group head-img-wrap">
                                <img src="../images/def-head.png" alt=""><br>
                                <div class="fn-btn fn-mt20 fn-mb10">选择您要上传的头像</div>
                                <p class="tip">仅支持JPG、DIF、PNG、JPEG、BMP格式，文件小于4M</p>
                                <input class="fn-hide elementJs" required="" name="NiceName" type="text">
                            </li>
                            <li class="bl-form-group ui-50">
                                <label><em class="text-color-6">*</em>昵称：</label>
                                <div class="controls">
                                    <input class="fn-tinput fn-tinput-long elementJs" required="" name="NiceName" type="text" value="" placeholder="请输入昵称">
                                </div>
                            </li>
                            <li class="bl-form-group ui-50">
                                <label><em class="text-color-6">*</em>真实姓名：</label>
                                <div class="controls">
                                    <input class="fn-tinput fn-tinput-long elementJs" required="" name="Name" type="text" value="" placeholder="请输入真实姓名">
                                </div>
                            </li>
                            <li class="bl-form-group ui-50">
                                <label><em class="text-color-6">*</em>性别：</label>
                                <div class="controls fn-ohide">
                                    <div class="fn-mt10">
                                        <label class="fn-mr10"><input class="elementJs" required="" name="Sex" type="radio">男</label>
                                        <label class="fn-mr10"><input class="elementJs" required="" name="Sex" type="radio">女</label>
                                        <label><input class="elementJs" required="" name="Sex" type="radio">保密</label>
                                    </div>
                                </div>
                            </li>
                            <li class="bl-form-group ui-50">
                                <label><em class="text-color-6">*</em>生日：</label>
                                <div class="controls">
                                    <div class="fn-dib selectinput fn-mt6">
                                        <select id="year" class="elementJs" required="required"  tabindex="-1">
                                            <option value="2000">2000</option>
                                            <option value="2001">2001</option>
                                            <option value="2002">2002</option>
                                        </select>

                                        <select id="month" class="elementJs" required="required"  tabindex="-1">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>

                                        <select id="date" class="elementJs" required="required"  tabindex="-1">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option>
                                        </select>
                                    </div>
                                    <input class="js-areaInput" type="hidden" name="Birthday" value="">
                                </div>
                            </li>
                            <li class="bl-form-group ui-50">
                                <label><em class="text-color-6">*</em>邮箱：</label>
                                <div class="controls">
                                    <input class="fn-tinput fn-tinput-long elementJs" required="" name="Email" type="email" value="" placeholder="请输入邮箱">
                                </div>
                            </li>

                            <li class="bl-form-group bl-form-btns">
                                <label class="fn-vhide">提交：</label>
                                <div class="controls">
                                    <button class="fn-btn btn-primary fn-mr8 btn-save" type="submit">确定</button>
                                    <button class="fn-btn btn-nostyle btn-cancel" type="button">取消</button>
                                </div>
                            </li>
                        </ul>

                    </form>
                </div>



            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->
<script src="../js/userCenter.js"></script>
<script src="../js/ajaxForm.js"></script>

<script>

  var ajaxForm= new AjaxForm($('.js-form'),{});

</script>
</body>
</html>